﻿<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Microsoft Player Framework Samples - Video On Demand</title>
        <link href="../../itemdetail.css" rel="stylesheet">
        <script src="../../itemdetail.js"></script>
        <script src="vod.js"></script>
    </head>
    <body>
        <div class="itemdetailpage fragment vod">
            <header aria-label="Header content" role="banner">
                <button type="button" class="win-backbutton" aria-label="Back" disabled></button>
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle" data-win-bind="textContent: title"></span>
                </h1>
            </header>
            <div class="content" aria-label="Main content" role="main">
                <article>
                    <div>
                        <header>
                            <h2 class="item-subtitle" data-win-bind="textContent: subtitle"></h2>
                            <h4 class="item-description" data-win-bind="textContent: description"></h4>
                        </header>
                        <div class="item-player">
                            <div data-win-control="PlayerFramework.MediaPlayer" data-win-options="{
                                width: 704,
                                height: 400,
                                autoplay: true,
                                isFullScreenVisible: true,
                                isSignalStrengthVisible: true,
                                isMediaQualityVisible: true,
                                src: 'http://mediadl.microsoft.com/mediadl/iisnet/smoothmedia/Experience/BigBuckBunny_720p.ism/Manifest'
                            }"></div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </body>
</html>